<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>知乎 - 与世界分享你的知识、经验和见解</title>
    <style>
        @import "css/style.css";
    </style>
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div class="content">
            <div id="logo"></div>
            <form id="form">
                <div class="title">
                    <div class="left">注册帐号</div>
                    <div class="right"><a href="#">登录<span class="arrow"></span></a></div>
                    <div class="clear"></div>
                </div>
                <input type="text" placeholder="姓名"/>
                <input type="text" placeholder="手机号或邮箱"/>
                <input type="password" placeholder="密码（不少于 6 位）"/>
                <button type="submit">注册知乎</button>
                <div id="sns">
                    <span>社交帐号登录</span>
                    <a href="#"><span id="weixin"></span></a>
                    <a href="#"><span id="weibo"></span></a>
                    <a href="#"><span id="qq"></span></a>
                </div>
            </form>
        </div>
    </div>
    <div id="content">
        <div class="left">
            <div class="avatar"><span style="background: url(avatar/1.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/2.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/3.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/4.png)"></span></div>
            <div class="avatar"><span style="background: url(avatar/5.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/6.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/7.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/8.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/9.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/10.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/11.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/12.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/13.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/14.jpg)"></span></div>
            <div class="avatar"><span style="background: url(avatar/15.jpg)"></span></div>
        </div>
        <div class="right"></div>
        <div class="clear"></div>
    </div>
    <div id="footer">
        footer...
    </div>
</div>
</body>
</html>
